function Bill(){
	this.addListener();
	// 加载第1页数据
	this.loadData(1);
}

Bill.BillRowTemplate = `
	<tr>
		<td class="id"><%= _id %></td>
		<td class="name"><%= name %></td>
		<td class="company"><%= company %></td>
		<td class="count"><%= count %></td>
		<td class="money"><%= money %></td>
		<td class="ture"></td>
		<td class="time"></td>
		<td>
			<a href="#" class="zdZd"><img src="/images/read.png" alt=""></a>
			<a href="#"><img src="/images/xiugai.png" alt=""></a>
			<a href="#" class="zd_delete"><img src="/images/delete.png" alt=""></a>
		</td>
	</tr>`;


$.extend(Bill.prototype, {
	addListener(){
		//添加订单
		$(".btn-zdkeep").on("click",this.addBillHandler);
		//点击翻页
		$(".pagination").on("click","a", $.proxy(this.loadBillHandler,this));
		//点击只读
		console.log($(".table-zd a"));
		$(".table-zd").on("click",".zdZd", $.proxy(this.loadzdZdHandler,this));
		//删除
		$(".table-zd").on("click",".zd_delete",$.proxy(this.loadzdDeleteHandler,this))
	},
	//翻页处理
	loadBillHandler(event){
		const $src=$(event.target);
		const page=Number($src.text());
		this.loadData(page);
		// 标签使用类名处理
		$src.parent("li").addClass("active").siblings("li").removeClass("active");
	},
	//删除
	loadzdDeleteHandler(event){
		var src=event.target;
		const _tr=$(src).parents("tr");
		//url
		const url="/api/bills/del";
		// 向服务器发送的数据
		const data={id:_tr.find(".id").text()};
		$.ajax({
			type: "post",
			url: url,
			data: data,
			dataType: "json",
			success: function(data) {
				if (data.res_body.status === 1) { // 删除成功，使用 ejs 浏览器端模板渲染
					// data.res_body.data
					_tr.remove();
				} else { // 删除失败
					alert("fasd");
				}
			}
		});
	},
	loadData(page){
		//默认查询第1页的的数据
		page=page||1;
		const url="api/bills/find_by_page?page="+page;
		// get请求
		$.getJSON(url, (data) => {
			if (data.res_code === 1) {
				let html = "";
				data.res_body.list.forEach((curr)=>{
					html += ejs.render(Bill.BillRowTemplate, curr);
				});
				$(".table-zd tbody").html(html);
			}
		});
	},
	//只读取信息
	loadzdZdHandler(event){
		var src=event.target;
		const _tr=$(src).parents("tr");
		//获取信息
		$("#ddbm").val(_tr.children(".id").text());
		$("#spmc").val(_tr.children(".name").text());
		$("#spdw").val(_tr.children(".company").text());
		$("#spsl").val(_tr.children(".count").text());
		$("#zje").val(_tr.children(".money").text());
		$("#zdzdModal").modal("show");
	},
	//添加数据
	addBillHandler(){
		// URL
		const url = "/api/bills/add";
		// 向服务器发送的数据
		const data = $(".form-zd").serialize();
		console.log(data);
		// 发送请求
		$.ajax({
			type: "post",
			url: url,
			data: data,
			dataType: "json",
			// processData: false, // 不将 data 数据转换为查询字符串
			// contentType: false, // 不使用默认的 "application/x-www-form-urlencoded"
			success: function(data) {
				if (data.res_body.status === 1) { // 添加成功，使用 ejs 浏览器端模板渲染
					// data.res_body.data
					// 使用 ejs 模板渲染
					const html = ejs.render(Bill.BillRowTemplate, data.res_body.data);
					// 显示
					$(".table-zd tbody").append(html);
					// 关闭模态框
					$("#zdModal").modal("hide");
				} else { // 添加失败
					$(".add-zd-error").removeClass("hidden");
				}
			}
		});
	}	

})

new Bill();